<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>评分</title>
	<meta name="keywords" content="">
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile      -web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<script type="text/javascript" src="css/new_file.js"></script>
     <link rel="stylesheet" type="text/css" href="css/main.css"/>
	<link rel="stylesheet" type="text/css" href="iconfont/iconfont.css" />
</head>
<body style="background: #fb724e;">
<div class="left_iconfont">
	<a href="#"><span  class="iconfont">&#xe65c;</span><b>评分</b></a>
</div>
<div class="Box_maxWidth">
	<div class="contentBox">
		<dl>
			<dt><img src="images/img.jpg" /></dt>
			<dd>
				<p>姓名：<span>张三</span></p>
				<p>性别：<span>男</span></p>
				<p>职业：<span>工程师</span></p>
				<p>手机号：<span>12090989098</span></p>
			</dd>
		</dl>
	</div>
	<div class="contentBox02">
		<h2>请选择您的满意程度：</h2>
		<div class="content_list">
			<div class="ul_Table">
				<li><i class="iconfont">&#xe63e;</i>非常满意</li>
				<li><i class="iconfont">&#xe8db;</i>满意</li>
				<li><i class="iconfont">&#xe6dd;</i>一般</li>
				<li><i class="iconfont">&#xe605;</i>不满意</li>
			</div>
			<div class="rc_listCon">
				<div class="tc_shopBox mc_rc"></div>	
				<div class="tc_shopBox mc_rc"></div>
				<div class="tc_shopBox mc_rc">
					<div class="input_pot">
						<textarea type="text" placeholder="请输入您的建议" maxlength="100" ></textarea>
					</div>
				</div>
				<div class="tc_shopBox mc_rc">
					<h3>请您提出宝贵意见</h3>
					<div class="input_pot">
						<div class="input_div"><label>姓&nbsp;&nbsp;&nbsp;名：</label><input placeholder="请输入您的姓名" /></div>
						<div class="input_div"><label>手机号：</label><input placeholder="请输入您的联系方式" /></div>
						<div class="input_div"><textarea type="text" placeholder="请输入您的建议"></textarea></div>
					</div>
				</div>
			</div>
		</div>
		<div class="botton">提 交</div>
	</div>
</div>

</body>
</html>  
<script src="js/jquery.js"></script>          
<script>
	$(function(){

			//选项卡
			$(".ul_Table li:eq(0)").addClass("li_active");
			$(".rc_listCon .mc_rc").not(":first").hide();
			$(".ul_Table li").click(function(){
				$(this).addClass("li_active").siblings().removeClass("li_active");
				var index=$(this).index();
				$(".rc_listCon .mc_rc").eq(index).show().siblings().hide();		
			})
		  
		})
</script>					   